.online_container {
    flex:1;
    position: relative;

    // overflow: hidden;
    .online_header {
        height: 120px;
        background-color: #f5f6fa;
        border-bottom: 1px solid #e3e3e3;
        display: flex;
        align-items: center;

        .lg_search_warp_A {
            width: 100%;
        }
    }

    .mes_body {
        height: calc(100vh - 318px);
        overflow-y: auto;
        border-radius: 12px 12px 0px 0px;
        background-color: #fff;
        padding-bottom: 20px;

        .shield,
        .del,
        .noDisturb {
            color: #fff;
        }

        .shield {
            background-color: #009cff;
        }

        .noDisturb {
            background-color: #f6ab3b;
        }

        .del {
            background-color: #e75d58;
        }

    }

    .weapp{
        height: calc(100vh - 212px);
    }
}